import {createRouter, createWebHashHistory, RouteRecordRaw} from 'vue-router';
// import Admin from '../views/Admin.vue'
// 1. 定义路由组件(可通过其他文件导入)
const homePage = () => import('../views/HomePage.vue')
const admin = () => import('../views/Admin.vue')
import AdminMain from "../components/admin/AdminMain.vue"
import Finished from "../components/admin/Finished.vue"
import Shenghe from "../components/admin/Shenghe.vue"
// const admin = Admin

// 2. 定义一些路由
// 每个路由都需要映射到一个组件 defineComponent
// 后续讨论嵌套路由
const routes: Array<RouteRecordRaw> = [
    // {
    //     path: "/",
    //     redirect:'/'
    // },
    // 主页
    {
        path: '/',
        name: 'homePage',
        component: homePage
    },
    // 管理员界面
    {
        path: '/admin',
        name: 'admin',
        component: admin
    },
    {
        path: '/adminMain',
        name: 'adminMain',
        component: AdminMain
    },
    {
        path: '/Finished',
        name: 'finished',
        component: Finished
    },
    {
        path: '/Shenghe',
        name: 'shenghe',
        component: Shenghe
    },
    // 不存在的链接提示页面
    {
        path: '/:pathMatch(.*)*',
        name: '404',
        component: ()=> import('../views/404.vue')
    },
]

// 3. 创建路由实例并传递 `routers`配置
// 可以在这里输入更对的配置, 暂时保持简单

export const router = createRouter({
    // 4. 内部提供了 history 模式的实现。
    // 为了简单起见，我们在这里使用 hash 模式。
    // history: createWebHashHistory(process.env.BASE_URL),
    history: createWebHashHistory(),
    routes // `routes: routes`的缩写
})
